﻿
/*#region Generic */
.full-width { width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;}
.full-height { top: 60px; bottom: 10px; position: absolute; overflow: auto; }
iframe { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
.no-scroll { overflow: hidden; }
/*#endregion*/


/*#region Modals */
.modal-body.lock-position { bottom: 58px; left: 0; position: fixed; right: 0; top: 47px; }   
.modal-body.lock-position #pagetree { height: 100%; overflow: auto; }
.modal-footer.lock-position { position: fixed;left: 0;right: 0;bottom: 0;}
#modal-popup { overflow: hidden; }
.modal-toolbar { background: #EEEEEE; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #D8D8D8; margin: -16px -15px 10px; padding: 5px 15px; }
/*#endregion*/


/*#region Main framework and navigation */
#left-block { margin-left: 10px; }
#main-container { min-width: 944px; padding: 60px 20px 20px; width: auto; }
#maincontent { width:100%; height:100%; }
#maincontent-wrapper { left:320px;right:20px;top:60px;bottom:20px;position:absolute;min-width:900px; }
.navbar-fixed-top { min-width:1240px; }
.sidebar-nav { padding: 9px 0; width:280px; }
.footer { font-size: 12px; color: #666666; }
.footer p { margin-bottom: 5px; }
/*#endregion*/


/*#region Editor controls */

.background-checkered { background: url(); }

/* Custom buttons */
.btn-icon { border: none; border-radius: 2em; height: 2em; margin: 0; padding: 0.5em; width: 2em;font-size: 1.5em; position: absolute;z-index: 2;left:50%;top:50%;margin-left:-1em;margin-top:-1em; }
.btn-icon i { display: block; }
.btn-icon-normal { border: none; border-radius: 0.8em; font-size: 1.2em; height: 1.6em; padding: 0; position: relative; width: 1.6em; z-index: 2; }
.btn-icon-normal i { display: block; }

/* Collection editor */
.collection-item { display: block;text-align: left;}

.control-label { font-weight: 400; }

.controls .static-text { padding-top:7px; display:inline-block; }

#editor-panel { position: fixed; top: 55px; bottom: 65px; left: 0; right: 0; overflow: auto; padding: 10px; }
#editor-panel .form-horizontal { min-width: 650px; max-width:850px; }

/* Image editor */
#image-description-field.form-inline label { line-height: 30px;margin-bottom: 0; }
#image-description-field.form-inline .row { margin-top:5px; }
.image-property-control { width: 128px;height:128px;position: relative; }

.page-editor h1 { margin:10px 0; }
.page-editor h1 i { color:#ffffff; -webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.3); text-shadow: 1px 1px 2px rgba(0,0,0,0.3); padding-left:4px; }
.page-editor .form-actions { position: fixed; bottom: 10px; width: 100%; margin: 0; }

#pagetree { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; overflow: auto; }
.pagetree-controls { margin-left:4px;margin-top:-4px;margin-bottom:4px; }

.sortable-collection { padding-left:0; }
.sortable-collection li { display:block; text-align:left; margin-bottom:2px; }
/*.input-group.date .add-on { cursor: pointer; }*/
/*#endregion*/


/*#region Custom checkboxes */
.checkbox {
  position: relative;
  padding-left: 28px;
}
.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox label { min-height:1em; padding-left:0; }
.checkbox label:before {
  background: url() no-repeat;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0;
  content: '';
}
.checkbox input:checked + input[type="hidden"] + label:before,
.checkbox input:checked + label:before {
  background: url() no-repeat;
}
.checkbox input:disabled + input[type="hidden"] + label:before,
.checkbox input:disabled + label:before {
  background: url() no-repeat;
}
.checkbox input:disabled:checked + label:before {
  background: url() no-repeat;
}
/*#endregion*/


/*#region File dialog */

.file-list {
    width: 100%;
}

    .file-list tr {
        cursor: pointer;
    }

    .file-list td {
        padding: 2px 15px;
    }

.table-striped.file-list tr.selected td {
    background: #0088CC;
    color: #ffffff;
}

#filelist .breadcrumb {
    margin-bottom: 10px;
}

#file-queue-container,
#file-list-container {
    left: 15px;
    overflow: auto;
    right: 15px;
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin: 0;
}

.fileupload-progress {
    margin-top: 3px;
}

#upload-container .progress {
    margin-bottom: 0;
}

#filelist {
    position: absolute;
    width: 100%;
}

.template-upload .progress {
    width: 100px;
}

/*#endregion*/
    

/*#region Typeahead */
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.twitter-typeahead .tt-hint
{
    display: none;
}

.tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.tt-suggestion > p:hover,
.tt-suggestion > p:focus,
.tt-suggestion.tt-cursor p {
  color: #ffffff;
  cursor:pointer;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
/*#endregion*/